/*
* @Author: tiger
* @Date:   2015-10-20 19:34:32
* @Last Modified by:   tiger
* @Last Modified time: 2016-01-03 23:28:25
*/
*{ font-family:guoshi, "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif,STHeiti,PingHei;

    font-weight:lighter
}
nav.absolute {
    position: absolute;
}

nav {
    padding-top: 18px;
    position: relative;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;

    z-index: 2;
}


@media (max-width: 768px) {
    nav {
        padding-top: 0px;
        position: relative;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;

        z-index: 2;
    }
    .stripe .contain {
        margin: 0px auto;
        width: 100%;
    }

    .navbar-header{ padding:8px}




}
@media (min-width: 1024px) {
    .cover .paragraph {
        width: 70%;
        margin: 20px auto 0;
    }
}

@media (min-width: 1200px) {
    .cover-wrapper.decor {
        background-attachment: fixed;
    }
}

@media (max-width: 480px) {
    .cover-wrapper.video {
        margin-top: 50px;
    }
    .cover-wrapper video {
        opacity: 1;
    }
    .cover-wrapper .video-copy {
        position: relative;
        padding-top: 20px;
        padding-bottom: 70px;
        background-color: #00718f;
    }
}


header.headroom--unpinned {
    top: -50px;
}
header > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar-inverse {
    margin-bottom: 0;

    border: none;
}
.navbar .container {
    width: auto;
}
.navbar-brand {
    padding: 10px 5px;
}
.navbar-inverse .navbar-collapse {
    border-color: rgba(29, 29, 29, 0.34);
}
.navbar-inverse .navbar-toggle {
    border-color: transparent;
    border-radius: 0;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {

}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 18px;
    text-align:center
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #f90;
}

@media (min-width: 768px) {
    header {
        margin-top: 0px;
    }
    header.headroom--unpinned {
        top: -70px;
    }
    header .container {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* FEATURETEE */
.featurette {
    padding-top: 60px;
    padding-bottom: 70px;
}
.featurette_anli {
    padding-top: 20px;
    padding-bottom: 20px;
}
.anlileft{ text-align:left}
.anlileft a{ margin-right:15px; margin:20px 15px 20px 0px; color:#333; float:left}
.anlileft a:hover{ color:#F90; text-decoration:none}

.feature [class^=col-] {
    margin-top: 40px;
}
.featurette h2 {
    color: #181818;
}
.feature p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .feature [class^=col-] {
        margin-top: 0;
    }
}
@media (min-width: 1024px) {

    .featurette {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .featurette_anli {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .anlileft{ text-align:right}
    .anlileft a{ margin-right:50px; color:#333; float:right; font-size:18px}
    .anlileft a:hover{ color:#F90; text-decoration:none}

}

/* WORKS */
.works [class^=col-] {
    padding-right: 0;
    padding-left: 0;
}
.works img {
    display: block;
    width: 100%;
}

/* FLEXBOX */
.flexbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #181818;
}
.flexbox-inner {
    padding: 15px;
}
.flexbox-inner p {
    margin-top: 5px;
    margin-bottom: 0;
}
.flexbox-inner h3 {
    margin-top: 0;
}

/* SHOWCASE */
.showcase {
    width: 100%;
    margin: 0 auto;
}
.gutter {
    width: 3%;
}
.item {
    display: none;
    width: 48.5%;
}
.item.w2,
.item.w4 {
    width: 100%;
}
.showcase .item img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .gutter {
        width: 2%;
    }
    .item {
        width: 32%;
    }
    .item.w2 {
        width: 66%;
    }
}

@media (min-width: 1024px) {
    .item {
        width: 23%;
    }
    .item.w2 {
        width: 48%;
    }
}

@media (min-width: 1280px) {
    .gutter {
        width: 20px;
    }
    .item {
        width: 275px;
    }
    .item.w2 {
        width: 570px;
    }
}

/* CONTACT */
@media (min-width: 768px) {
    .contact-wrapper {
        position: relative;
    }
    .contact-wrapper:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        content: '';
        background: #f8f8f8;
    }
    .contact {
        padding-left: 40px;
    }
}

@media (min-width: 1024px) {
    .contact {
        padding-left: 80px;
    }
}

/* QRCODE */
.qrcode {
    background: #f2f2f2;
    color: #191919;
    text-align: center;
}
.qrcode img {
    width: 90%;
}

@media (min-width: 768px) {
    .qrcode img {
        width: auto;
    }
}



/* LINKS */
a,
a:focus,
a:hover {
    color: #8B8B8B;
}

/* P */
p {
    line-height: 1.5;
}

/* LEAD */
.lead {
    line-height: 32px;
}
@media (min-width: 768px) {
    .lead {
        font-size: 18px;
    }
    .footer .info {float:right; }
}



/* HEADLINE */
h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    h1 {
        font-size: 64px;
    }
    h2 {
        font-size: 36px;
    }
}

/* BUTTON */
.btn-outline {
    color: #181818; font-size:14px; font-weight:600;letter-spacing: 5px;
}
.btn-outline:focus,
.btn-outline:hover {
    color: #000;font-weight:600;
    text-decoration:none
}
.btn-lg {
    padding: 13px 39px;
    border-radius: 3px;
    font-size: 16px;
}
.btn-outline-inverse {
    color: #fff;
    border-color: #fff;
}
.btn-outline-inverse:focus,
.btn-outline-inverse:hover {
    color: #fff;
    background-color: #0bb;
    border-color: #0bb;
}
/*footer*/
.footer {
    background:#0a0a0b;
    display:table;
    padding:120px 40px;
    width:100%
}



.footer .nav {
    float:left;
    margin:0px; color:#666; width:auto;
}
.footer .nav ul {
    list-style-type:none;
    margin:0 0 10px;
    padding:0
}
.footer .nav li {
    display:block;
    margin-top:16px;
    line-height:1
}
.footer .nav li:first-child {
    margin-top:0
}
.footer .nav a {
    color:#fff;
    font-size:.6875em;
    letter-spacing:.15em;
    -webkit-transition:color 300ms;
    transition:color 300ms;
    text-transform:uppercase
}
.footer .nav a:active,.footer .nav a:focus,.footer .nav a:hover {
    color:#999
}
.footer .info {
    float:right;

}
.footer .info ul {

    list-style-type:none;
    margin:0 -6px 7px 0;
    overflow:hidden;
    padding:0px ;
    text-align:right
}
.footer .info li {
    float:left;
    margin-right:34px
}
.footer .info li.social-google-plus {
    margin-top:3px
}

.footer .info li a:active,.footer .info li a:focus,.footer .info li a:hover {
    color:#999
}

.footer .copyright {

    clear:right;
    color:#666;
    font-size:16px;
    letter-spacing:.5px;
    margin:8px 0 0;
    text-align:left
}
.footer .copyright a {
    color:#666
}
@media screen and (max-width:600px) {
    .footer {
        background: #0a0a0b;
        display: table;
        padding:  30px 20px 30px 20px;
        width: 100%;

    }
    .footer .info {float:right; display:none}

    .no-js .footer {
        display:block;
        overflow:hidden;
        padding:40px
    }
    .no-js .footer .nav {
        display:block;
        margin:0;
        padding:20px 0;
        width:100%
    }
    .no-js .footer .info ul {
        float:left;
        margin:0 0 10px -15px
    }
    .no-js .footer .copyright {
        clear:left
    }
}
@media screen and (min-width:600px) {
    .footer {
        display:table;
        padding:65px 30px
    }
    .footer h1 {
        padding-right:70px
    }
}
@media screen and (min-width:769px) {
    .footer {
        padding:80px 40px
    }
    .footer h1 {
        padding-right:100px
    }
}
/* HR */
hr {
    margin-top: 0;
    margin-bottom: 0;
    border-color: #e5e5e5;
}
hr.half-rule {
    width: 50px;
    margin-top: 35px;
    border-top: 4px solid #0bb;
}

@media (min-width: 768px) {
    hr.half-rule {
        margin-bottom: 20px;
    }
    hr.half-rule.double-margin {
        margin-bottom: 40px;
    }
}

/* TRANSITION * */
header,
button,
img,
a,
.btn {
    -webkit-transition: all ease .4s;
    -moz-transition:    all ease .4s;
    -o-transition:      all ease .4s;
    transition:         all ease .4s;
}

/* ANIMATION */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-15px,0);
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-15px,0);
    }

    70% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0,10px,0);
    }
}
.fadeInDown {
    -webkit-animation: fadeInDown 1s ease-in infinite;
    animation: fadeInDown 1s ease-in infinite;
}
.logoaa{
    font-family: 'gainsee_icon';
    color: #FFF;
    display: block;
    height: 50px;
    overflow: hidden;
    -webkit-transition: color 500ms;
    transition: color 500ms;

    font-size: 48px;
    padding-top: 20px;
}
.navbar-brand {

    height:65px
}
@media (min-width:768px) {.navbar-inverse{background:none;}}
@media (min-width:992px) {.navbar-inverse{background: none}}
@media (min-width:1280px) {.navbar-inverse{background: none}}
@media (min-width:1280px) {.navbar-inverse{background: none}}
@media (max-width:768px) {.navbar-bg{background: rgba(0, 0, 0, 0.93); height:3000px}}
@media (min-width:768px) {
    .navbar-iphone{  float: right;font-size: 36px;color: #fff;line-height: 65px;}
    .navbar-iphone span{  font-size: 28px;}


}
@media (max-width:768px) {.navbar-iphone{ display: none;}}
@media (min-width:768px) {.navbar-header {top:20px;left: 30px;}}
@media (min-width:768px) {.daohang{  float: left; width:50%;}}
.full-btn:active,.full-btn:focus,.full-btn:hover {
    background-color:#000;
    color:#FFF;
    -webkit-transition:all .5s ease!important;
    transition:all .5s ease!important
}
.full-btn:active {
    padding:39px 37px 37px 39px
}
.full-btn.full-btn-dark {
    background-color:#000;
    color:#FFF
}
.full-btn.full-btn-dark:active,.full-btn.full-btn-dark:focus,.full-btn.full-btn-dark:hover {
    background-color:#FFF;
    color:#000
}
.full-btn.disabled {
    display:none
}
.full-image {
    overflow:hidden;
    position:relative;
    width:100%
}
.full-image img {
    float:left;
    height:auto;
    width:100%
}
@media (max-width:768px) {
    .logoaa{
        font-family: 'gainsee_icon';
        color: #FFF;
        display: block;
        height: 50px;
        overflow: hidden;
        -webkit-transition: color 500ms;
        transition: color 500ms;

        font-size: 38px;
        padding-top: 20px;
    }
    .navbar-brand {

        height:65px
    }
    .cover-wrapper.video {
        background: url(../images/lianxi.jpg) no-repeat top fixed ;
        height: 500px;
        min-height: 0;

    }
    .lianxi{padding-top: 0px;padding-bottom: 30px;width:100%;margin: 0px auto;  padding:0px 20px}
    .lianxi .lxleft{width:100%; float:none; font-size:18px; text-align:center; line-height:50px}
    .lianxi .ableft{width:100%; float:none; font-size:18px; text-align:center; line-height:30px; padding-bottom:30px;}

    .lianxi .lxright{width:100%; float:none;  text-align:left }
    .lianxi .lxright li{ line-height:60px; font-size:16px}
    .lianxi .lxright p{ line-height:30px; font-size:16px}

    .ditu{width:100%;height:300px;}
    /*å†…å®¹é¡µ*/
    .lianxi .nrleft{width:100%; float:none; font-size:24px; text-align:center; line-height:50px}
    .lianxi .nrleft span{ font-size:16px}
    .cover-wrapper.neirong {
        background: url(../images/lianxi.jpg) no-repeat top fixed ;
        height: 300px;
        min-height: 0;
        filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

        -webkit-filter: blur(1px); /* Chrome, Opera */
        -moz-filter: blur(1px);
        -ms-filter: blur(1px);
        filter: blur(1px);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */

    }
    .nrimg img{ width:100%}

}
@media (min-width:768px) {

    .cover-wrapper.video {
        background: url(../images/lianxi.jpg) top fixed;
        height: 1000px;
        min-height: 0;
    }
    .lianxi{padding-top: 0px;padding-bottom: 60px;width: 90%;margin: 0px auto; padding:0px 20px 230px 0px}
    .lianxi .lxleft{width:40%; float:left; font-size:24px; text-align:right; line-height:50px}
    .lianxi .ableft{width:40%; float:left; font-size:36px; text-align:left; line-height:50px}
    .lianxi .lxright{width:50%; float:right;text-align:left}
    .lianxi .lxright li{ line-height:60px;font-size:18px}
    .lianxi .lxright p{ line-height:32px; font-size:18px}
    .ditu{width:100%;height:900px;}
    /*å†…å®¹é¡µ*/
    .lianxi .nrleft{width:40%; float:left; font-size:36px; text-align:left; line-height:50px}
    .lianxi .nrleft span{ font-size:16px}
    .cover-wrapper.neirong {
        background: url(../images/fuwu.jpg) no-repeat top fixed ;
        height: 500px;
        min-height: 0;
        filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

        -webkit-filter: blur(1px); /* Chrome, Opera */
        -moz-filter: blur(1px);
        -ms-filter: blur(1px);
        filter: blur(1px);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
    }
    .nrimg img{ width:100%}
    .fangda{
        width: 100%;
        overflow: hidden;
        height: auto;
    }



}
